@import "./index";

main{
    width: 1210px;
    height: 3130px;
    padding: 20px 5px;
    margin: 0 auto;
    // background-color: #ddd;
    .containers{
        width: 100%;
        .option-card:nth-of-type(5n){
            margin-right: 0;
        }
        .option-card:hover{
            border: 1px solid #dbdbdb;
        }
        .option-card:hover img{
            transform: translate(4px);
            transition: all 1s;
        }
        .option-card{
            width: 20%;
            height: 420px;
            float: left;
            box-sizing: border-box;
            padding: 10px;
            background: #fff;
            border: 1px solid #fff;
            margin-bottom: 30px;
            position: relative;
            img{
                width: 100%;
                cursor: pointer;
            }
            .describe{
                width: 100%;
                .price{
                    line-height: 22px;
                    height: 22px;
                    overflow: hidden;
                    // width: 80px;
                    margin: 60px 0 8px;
                    font-size: 20px;
                    color: #ff6600;
                    font-weight: 600;
                }
                .name{
                    white-space: normal;
                    // height: 205px;
                    margin: 20px 0;
                    line-height: 18px;
                    overflow: hidden;
                    word-wrap: break-word;
                    word-break: break-all;
                }
            }
            .putin{
                width: 210px;
                height: 30px;
                line-height: 30px;
                border: 1px solid #dbdbdb;
                position: absolute;
                bottom: 5px;
                z-index: 999;
                .num{
                    float: left;
                    width: 30px;
                    margin-left: 5px;
                    cursor: pointer;
                }
                button{
                    display: block;
                    width: 104px;
                    height: 30px;
                    color: #fff;
                    font-size: 16px;
                    background-color: #ff6600;
                    // margin: 5px;
                    margin-left: 10px;
                    float: left;
                    margin-bottom: 5px;
                    cursor: pointer;
                }
                .collection{
                    float: left;
                    width: 40px;
                    margin-left: 5px;
                    cursor: pointer;
                }
            }
        }
    }
}